{% if user.authenticated %}
<div id="comment_write" class="box wide">
	<div class="title">
		<p class="title">{{ __('write_comment') }}</p>
	</div>
	<div class="content">
		{[ write_comment.open ]}
		<p id="comment_message">{[ write_comment.message.input ]}</p>
		<p id="comment_submit_container">
			<button id="comment_submit" class="button">
				<span class="comment">{{ __('comment_submit') }}</span>
			</button>
		</p>
		{[ write_comment.close ]}
	</div>
</div>
{% endif %}
<div id="comments_container" class="box wide"{% if !comments %} style="display: none;"{% endif %}>
	<div class="title">
		<p class="title">{{ __('recent_comments') }}</p>
	</div>
	<div id="comments" class="content">
		<table class="comments">
			{% if user.authenticated %}
			<tr id="comment-new">
				<td class="avatar"><a class="comment-new-link" href="{{ path('Users', 'profile', {'name':user.username}) }}"><img id="comment-new-avatar" class="icon" alt="" src="{{ user.file('avatar') }}"/></a></td>
				<td class="content">
					<p class="title"><span class="comment-new-profile">{[ user.profile ]}</span> ({{ __('exp_level_short') }} <span class="comment-new-level">{{ user.exp_level }}</span>)</p>
					<p class="right info">
						<a class="action edit">{{ __('edit') }}</a>
						<a class="action delete">{{ __('delete') }}</a>
						<span class="comment-new-ts">{{ __('time_ago', 'now') }}</span>
					</p>
					<div class="clear"></div>
					<p class="comment-new-msg"></p>
				</td>
			</tr>
			{% endif %}
			{% for comment in comments %}
			<tr id="comment-{{ comment.id }}" class="comment">
				<td class="avatar"><a href="{{ path('Users', 'profile', {'name':comment.user.username}) }}"><img class="icon" alt="" src="{{ comment.user.file('avatar') }}"/></a></td>
				<td class="content">
					<p class="title">{[ comment.user.profile ]} ({{ __('exp_level_short') }} {{ comment.user.exp_level }})</p>
					<p class="right info">
						{% if user.authenticated && (user.level >= 3 || user.id == comment.user.id || (comment.target == 'user' && comment.target_id == user.id)) %}
						<a class="action delete">{{ __('delete') }}</a>
						{% endif %}
						{[ time_ago(comment.ts_edit) ]}
					</p>
					<div class="clear"></div>
					<p>{{ comment.message }}</p>
				</td>
			</tr>
			{% endfor %}
		</table>
	</div>
</div>